<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>Morgan</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta property="og:type" content="website">
<meta property="og:title" content="Morgan">
<meta property="og:url" content="http://yoursite.com/page/2/index.html">
<meta property="og:site_name" content="Morgan">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Morgan">
  
    <link rel="alternate" href="https://hpcslag.github.io/hexo-theme-morgan/demo/atom.xml" title="Morgan" type="application/atom+xml">
  
  
    <link rel="icon" href="https://hpcslag.github.io/hexo-theme-morgan/demo/favicon.png">
  
  
    <link href="//fonts.googleapis.com/css?family=Source+Code+Profonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
  
  <link rel="stylesheet" href="https://hpcslag.github.io/hexo-theme-morgan/demo/css/tocas.css">
  <link rel="stylesheet" href="https://hpcslag.github.io/hexo-theme-morgan/demo/css/animate.css">
  <link rel="stylesheet" href="https://hpcslag.github.io/hexo-theme-morgan/demo/css/style.css">
  <style type="text/css">
    a.title-link:hover{
        color: #34b2db !important;
    }

    a.title-link:active{
        color: #2075c1 !important;
    }

    #menu-color-id{
        background : #f7f7f7;
    }

    #menu-color-id a{
        color: #5a5a5a;
    }
  </style>
  <script src="https://hpcslag.github.io/hexo-theme-morgan/demo/js/tocas.js"></script>
  

</head>

<body>
<!-- navigation -->

<div class="ts fluid basic link big menu" id="menu-color-id">

    <!-- ejs : align to post page or index page -->
        
            <div class="ts narrow container" style=" padding-left: 25px; ">
        

        
            <a class="item" href="https://hpcslag.github.io/hexo-theme-morgan/demo/">Home</a>
        
            <a class="item" href="https://hpcslag.github.io/hexo-theme-morgan/demo/archives">Archives</a>
        
    </div>
</div>
<!-- the end of navigation -->

<!-- big bang title -->
<div class="ts padded horizontally fitted fluid slate" style="background-color: #f7f7f7;">
    <!-- ejs : align to post page or index page -->
    
        <div class="ts narrow container relaxed stackable grid" id="big-bang-title" style=" padding-left: 35px; ">
    
        <!-- Title -->
        <h1 class="ts eleven wide column header be-center-h1">
            <span style="color: #404040;" id="big-title">Morgan</span>
            <div class="sub header" id="slogan-bar" style=" margin-top: 15px; color: #404040;"></div>
        </h1>
        <!-- the end of title -->
    </div>
</div>
<!-- the end of big bang title -->


<!-- main section -->
<div class="ts narrow container relaxed stackable grid">
        <!-- left section -->
        <div class="eleven wide column" style=" padding: 35px; ">
            <!-- Articles -->
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/long-title/" class="title-link" style="color: #3498db;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam justo turpis, tincidunt ac convallis id.</a>
                    <div class="sub header">
                        2013-11-24
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/long-title/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/categories/" class="title-link" style="color: #3498db;">Categories</a>
                    <div class="sub header">
                        2013-11-24
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/categories/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/link-post/" class="title-link" style="color: #3498db;">Link Post</a>
                    <div class="sub header">
                        2013-11-24
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/link-post/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/tags/" class="title-link" style="color: #3498db;">Tags</a>
                    <div class="sub header">
                        2013-11-24
                        ・
                        <ul class="unstyled tag-list -list"><li class="unstyled tag-list -list-item"><a class="unstyled tag-list -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Bar/">Bar</a></li><li class="unstyled tag-list -list-item"><a class="unstyled tag-list -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Baz/">Baz</a></li><li class="unstyled tag-list -list-item"><a class="unstyled tag-list -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Foo/">Foo</a></li></ul>
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/tags/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/elements/" class="title-link" style="color: #3498db;">Elements</a>
                    <div class="sub header">
                        2013-11-24
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p> The purpose of this post is to help you make sure all of HTML elements can display properly. If you use CSS reset, don’t forget to redefine the style by yourself. 
 
   Heading 1    Heading 2  &lt;a href=&quot;#Headin...</p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/elements/" class="ts circular button">Read More</a>
            </div>
            
            <!-- / the end of articles -->

            <!-- page number -->
             
            <div class="ts basic horizontally fitted padded segment">
                <div class="ts pagination menu">
                    <a class="extend prev" rel="prev" href="https://hpcslag.github.io/hexo-theme-morgan/demo/">&laquo; Prev</a><a class="page-number" href="https://hpcslag.github.io/hexo-theme-morgan/demo/">1</a><span class="page-number current">2</span>
                </div>
            </div>
            
            <!-- / the end of page number -->
        </div>
        <!-- / left section -->

        <!-- whitespace -->
        <div class="one wide column"></div>

        <!-- right section -->
        <div class="four wide column" style=" padding-top: 35px; ">

            
            <!-- About Me Section -->
            <div class="ts flatted secondary segment">
                <h3>About Me</h3>
                <p>I am a dedicated person with a family of four. I enjoy reading, and the knowledge and perspective that my reading gives me has strengthened my teaching skills and presentation abilities. I have been successful at raising a family, and I attribute this success to my ability to plan, schedule, and handle many different tasks at once. This flexibility will help me in the classroom, where there are many different personalities and learning styles.</p>
            </div>
            <!-- the end of about me -->
            

            <!-- Archive -->
            <div class="ts basic segment">
                <h3>Archives</h3>
                <div class="ts relaxed link list">
                    <ul class="unstyled -list"><li class="unstyled -list-item"><a class="unstyled -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/archives/2017/06/">June 2017</a></li><li class="unstyled -list-item"><a class="unstyled -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/archives/2013/12/">December 2013</a></li></ul>
                </div>
            </div>
            <!-- the end of  Archive -->

            <!-- Side Section -->
            <div class="ts basic segment" style=" margin-bottom: 25px; ">
                <h3>Tags</h3>
                <div class="ts relaxed link list before-tags-widget">
                    <ul class="unstyled tags-list-widget -list"><li class="unstyled tags-list-widget -list-item"><a class="unstyled tags-list-widget -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Bar/">Bar</a></li><li class="unstyled tags-list-widget -list-item"><a class="unstyled tags-list-widget -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Baz/">Baz</a></li><li class="unstyled tags-list-widget -list-item"><a class="unstyled tags-list-widget -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Foo/">Foo</a></li></ul>
                </div>
            </div>
            <!-- the end of side section -->
        </div>
        <!-- the end of right section -->
</div>
<!-- the end of main section -->

<!-- footer -->
<div class="ts attached secondary segment">
    <div class="ts narrow container">
        <br>
        <div class="ts large center aligned header">
            
                Powered by <a href="https://hexo.io">&nbsp;Hexo</a>, Theme designs by <a href="https://github.com/hpcslag">&nbsp;@hpcslag</a>.
            
            <div class="smaller sub header">
            
                Style-Framework <a href="https://tocas-ui.com">&nbsp;Tocas-UI</a> designs by <a href="https://github.com/YamiOdymel">&nbsp;@YamiOldmel</a>
            
            </div>
        </div>
        <br>
    </div>
</div>
<!-- the end of footer -->
<script type="text/javascript">
    
    const slogans = ["Hallo, dit is mijn blog","嗨，這是我的博客!","안녕하세요, 제 블로그입니다.","Hi, This is my blog!","こんにちは、私のブログへようこそ!","مرحبا، مرحبا بك في مدونتي"];
</script>
<script src="https://hpcslag.github.io/hexo-theme-morgan/demo/js/script.js"></script>
</body>
</html>